.switch-box {
    margin: 0px 12px;
    .card {
        vertical-align: top;
        display: inline-block;
        width: 370px;
        height: 140px;
        background-color: #fff;
        margin-right: 25px;
        padding: 24px;
        position: relative;
        .card-switch,
        .card-title {

            display: inline-block;
            margin-bottom: 25px;
        }

        .card-title {
            font-size: 18px;
            font-weight: bold;
            color: #505765;
            width: 50%;
            text-align: left
        }

        .card-switch {
            width: 50%;
            text-align: right;
            .el-switch{
                .el-switch__core {
                    width: 30px !important;
                    height: 16px;
                    line-height: 16px;
                    &::after{
                        width: 12px;
                        height: 12px;
                        margin-left: 0;
                    }
                }
                padding-bottom: 3px;
            }
            .el-switch.is-checked{
                .el-switch__core {
                    &::after{
                        margin-left: -13px;
                    }
                }
            }
        }

        .card-text {
            font-size: 16px;
            color: #848c99;
            line-height: 24px;
        }
        .desc{
           position: absolute;
            bottom: 24px;
            // color: #217AD9;
            color: #505765;
            font-weight: bold;
        }

    }

    .switch-dialog {
        .el-dialog__body {
            padding: 36px;
        }
        .el-dialog__header {
            padding: 0;
        }
        text-align: center;
        .line-text-one {
            font-size: 18px;
            color: #2D3642;
            line-height: 36px;
            margin-bottom: 16px
        }
        .line-text-two {
            font-size: 18px;
            color: #217AD9;
            line-height: 34px;
            margin-bottom: 34px
        }
        // .ok-btn {
        //     width: 180px;
        //     font-size: 18px;
        //     height: 34px;
        // }
        // .cancel-btn{
        //     width: 180px;
        //     font-size: 18px;
        // }

    }
    .select-dialog {
        .el-dialog__body {
            padding: 36px;
        }
        .el-dialog__header {
            padding: 0;
        }
        
        .el-radio__inner::after {
            transition: none!important;
        }
        .select-title{
            font-size: 18px;
        }
        .select-item{
            height: 36px;
            line-height: 36px;
            .el-radio__label{

                font-size: 18px;
            }
        }
        .el-radio-group{
            margin: 24px 0;
        }
        .dialog-footer{
            
            text-align: center;
            // .ok-btn {
            //     width: 180px;
            //     font-size: 18px;
            // }
            // .cancel-btn{
            //     width: 180px;
            //     font-size: 18px;
            // }
        }
        

    }

}